<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行间距和字母间距</title>
</head>
<body>
    <!--行间距顾名思义就是两行之间文字的距离-->
    <!--可以使用line-height属性-->
    <p style="line-height: 2em;">创新编程技术社团</p>
    <p style="line-height: 1.6em">创新编程技术社团</p>
    <!--1em 相当于当前字母的尺寸，2em等于两倍-->

    <p style="letter-spacing:3em;">CCE</p>
    <!--字距一般用在英文字符中-->
    <!--字距是印刷业用来描述字母之间空隙的一个术语-->
    <!--控制字距之间的间距可以用/letter-spacing属性来控制-->
</body>
</html>